<script id="tpl_zpproval_panel" type="text/html">
    	<div class="oa-panel-header">
    		<div class="oa-panel-title">
    			示例代码
	    	</div>
    	</div>
    	<div class="oa-panel-body">
    		<!-- 10px间隙 -->
    		<div class="oa-panel-content">
	    		<div class="oa-panel-accordion zpproval-accordion">
					{{include 'tpl_zpproval_panel_child1'}}
					{{include 'tpl_zpproval_panel_child2'}}
					{{include 'tpl_zpproval_panel_child3'}}
	    		</div>
	    	</div>
    	</div>
</script>
<script id="tpl_zpproval_panel_child1" type="text/html">
		<h3 act="mine">
            <span>第一个手风琴</span>
                <div class="oa-head-toolbar">
                        <span class="oa-head-filter approval-head-toolbar hidden" viewtype="1">
                            <a class="report-saerch" href="javascript:void(0);" act="search">搜索</a>
                            <span class="split-line">|</span>
                            <a href="javascript:void(0);" act="export">导出</a>
                        </span>
                </div>
        </h3>
        <!-- 手风琴内容0 -->
		<div id="zpp_sub_panel1" class="oa-accordion-content"></div>
</script>
<script id="tpl_zpproval_panel_child2" type="text/html">
		<h3 act="received">
            <span>第二个手风琴</span>
                <div class="oa-head-toolbar">
                        <span class="unread-num">4</span>
                </div>
        </h3>
		<div id="zpp_sub_panel2" class="oa-accordion-content" act="collage"></div>
</script>
<script id="tpl_zpproval_panel_child3" type="text/html">
		<h3 act="subordinate">第三个手风琴</h3>
		<div id="zpp_sub_panel3" class="oa-accordion-content" act="all"></div>
</script>
<script id="tpl_zpproval_curtain" type="text/html">
这里是搜索

</script>